<%@ page language="java" import="java.util.*,dao.*,entity.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'addStudent.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- <script type="text/javascript">
	   //创建XHR对象
	   function createXHR(){
	   	  if(window.XMLHttpRequest){
	   	  	 return new XMLHttpRequest();
	   	  }
	   	  return new ActiveXObject("Microsoft.XMLHTTP");
	   }
	   
		function checkIdcard(t){
			if(t.value=="")
			{
				alert("手机号没填");
				return false;
			}
			//开始验证
			var xhr=createXHR();
			//指定回调函数
			xhr.onreadystatechange=function(){
				if(xhr.status==200&&xhr.readyState==4){
					var res=xhr.responseText;//服务器out的内容
					if(res=="true"){
						alert("手机号重复了。。。");
					}else{
						alert("手机号可以使用");
					}
				}
			}
			//指定请求地址
			xhr.open("GET","checkTeleServlet?tele="+t.value,true);
			xhr.send(null);
		}
	</script> -->
	<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$("input[name=telephone]").blur(function(){
			if(this.value=="")
			{
				alert("手机号没有填写");
				return false;
			}
			$.get("checkTeleServlet",{tele:$(this).val()},function(res){
				    if(res=="true"){
						alert("手机号重复了。。。");
					}else{
						alert("手机号可以使用");
					}
			},"text");
		});
		//
		$.get("gradeJSONServlet",function(data){
			alert(JSON.stringify(data));
			//JSON.parse(json)
			var g=$("#gradeid");
			$.each(data,function(i,d){
				g.append("<option value='"+d.id+"'>"+d.gname+"</option>");
			});
		});
	});
	</script>
  </head>
  
  <body>
    <jsp:include page="/checkLogin.jsp"></jsp:include>
    
    <form action="doAddStu.jsp" method="post" >
		<p>
			学生姓名：<input type="text" name="sname" />
		</p>
		<p>
			学生性别：
			<input type="radio"  checked="checked" name="sex" value="男"/>男
			<input type="radio"  name="sex" value="女"/>女
			<input type="radio"  name="sex" value="妖"/>妖
			<input type="radio"  name="sex" value="人妖"/>人妖
		</p>
		<p>
			联系方式：<input type="text" name="telephone"  />
		</p>
		<p>
			学生Q Q：<input type="text" name="qq" />
		</p>
		<p>
			学生微信：<input type="text" name="wechat" />
		</p>
		<p>
			学生年级：
			<select name="gradeid" id="gradeid">
			 <%--  <c:forEach items="${grades}" var="g">
			    <option value="${g.id}">${g.gname}</option>
			  </c:forEach> --%>
			</select>
		</p>
		<p>
			入学日期：<input type="text" name="enterdate" />
		</p>
		<p>
			来自城市：<input type="text" name="fromcity" />
		</p>
		<p>
			出生日期：<input type="text" name="birthday" />
		</p>
		<p>
			登陆密码：<input type="text" name="pass" />
		</p>
		<p>
			家庭地址：<input type="text" name="address" />
		</p>
		<p>
	 
		身份证正面:<input type="file" name="idcard"/>
		</p>
		<p><input type="submit" /></p>
	</form>

  </body>
</html>
